<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<title>查看测评题目</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" href="../layui/css/layui.css" media="all">
	<style>
		/* 查看题目css */
		.selTitle-con{
			padding:20px;
			display: none;
		}
		/*添加选项详弹窗样式*/
		.addopLayer-con{
			width: 90%;
			display: none;
			padding-top: 5px;
		}
		.addopLayer-con .layui-form-item{
			margin: 0;
		}
		.addopLayer-con .layui-input-block{
			margin: 15px 0px 15px 110px;
		}
		.selTitle-con table tr td{
			padding: 15px;
			text-align: center;
		}
		.selTitle-con .tdbck{
			background: #f2f2f2;
			width: 30%;
		}
		
		.selectTitle-con .not_border_left {
			margin-top: 10px;
			border-left: none !important;
		}
		.selectTitle-con .layui-form-select dl dd.layui-this {
			background-color: #1E9FFF !important;
		}
		.selectTitle-con {
			padding: 0 15px 15px 15px;
		}
		.selectTitle-con .edittitle-con {
			width: 80%;
			margin: auto;
			display: none;
			margin-top: 10px;
			margin-bottom: 10px;
			padding: 1px 40px 50px 15px !important;
		}
		.selectTitle-con .layui-table-tool-self{
			display: none ;
		}
		.selectTitle-con .layui-form-item{
			margin-top: 30px !important;
		}
		.selectTitle-con .layui-table-body table tbody .layui-table-hover{
			background: #fffdd3 !important;
		}
		.selectTitle-con .layui-table-body table tbody .layui-table-click{
			background: #fdef9b !important;
		}
		
		/* djf-add */
		.layui-table-view .layui-table{
			width: 100% !important;
		}
		.layui-table-view{
			border: none;
		}
		.layui-form-item .required {
			color: #ffb800;  
			font-size: 32px; 
			float: left; 
			margin-left: 5px; 
			margin-top: -30px;
			position: absolute;
			right: -15px;
		}
		.add-optioncon{
			display: none;
			padding: 20px;
		}
		.tabdiv-con{
			width: 100%;
		}
		.add-div-aoption{
			display: none;
			padding: 10px;
			width: 90%;
		}
	</style>
</head>
<body>
	<!--弹框调用内容Start-->
	<div id="titledet" class="selTitle-con">			
		<table class="layui-table">
		    <tbody>
		      <tr>
		      	<td class="tdbck">题目id</td>
		        <td style="max-width: 90px;"><span id="txtTitleId"></span></td>
		        <td class="tdbck">题目名称</td>
		        <td><span id="txtTitleName"></span></td>
		      </tr>
		      <tr>
		        <td class="tdbck">题目类型</td>
		        <td><span id="txtTitleType"></span></td>
		        <td class="tdbck">选项数量</td>
		        <td><span id="txtoptNumber"></span></td>
		      </tr>
		      <tr>
		        <td class="tdbck">维度编号</td>
		        <td><span id="txtDimension"></span></td>
		        <td class="tdbck">题库排序号</td>
		        <td><span id="txttilNumber"></span></td>
		      </tr>
		      <tr>
		        <td class="tdbck">选项内容</td>
		        <td colspan="3"><span id="txtoptContent"></span></td>
		      </tr>
		      <tr>
		        <td class="tdbck">题目描述</td>
		        <td colspan="3"><span id="txtDescribe"></span></td>
		      </tr>
		    </tbody>
		</table>
	</div>
	<!--弹框调用内容END-->	
	
	<!--为已有题目添加选项弹窗内容开始-->
	
	<!--为已有题目添加选项弹窗内容结束-->
	
	<div class="selectTitle-con">		
		<blockquote class="layui-elem-quote not_border_left">
		<form class="layui-form" action="">
			<div class="layui-inline">
				<div class="layui-input-inline">
				    <select name="selDimension" id="selDimension" lay-filter="selDimension">
				    	<option value='00'>请选择维度</option>
					</select>
				</div>		
				<div class="layui-input-inline">
				    <select name="selvolClass" id="selvolClass" lay-filter="selvolClass">
				    	<option value='00'>请先选择维度</option>
					</select>
				</div> 
				<div class="layui-input-inline">
				    <select name="seltilType" id="seltilType" lay-filter="seltilType">
				    	<option value='00'>请选择题目类型</option>
				    	<option value='1'>选择题</option>
					</select>
				</div>
				<div class="layui-input-inline">
					<input type="text" autocomplete="off" name="seltitleName" id="seltitleName" placeholder="请输入题目名称" class="layui-input">
				</div>
				<div class="layui-inline">
					<button class="layui-btn layui-bg-blue" type="button" id="selclass">查询</button>
				</div>
			</div>
		</form>
		</blockquote>
		
		<table class="layui-hide hide" id="titleList" lay-filter="titleList"></table>
		<script type="text/html" id="barDemo">	
			<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="btnselclass">查看</a>
			<a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="edit">编辑</a>
			<a class="layui-btn layui-btn-xs layui-bg-red" lay-event="delete">删除</a>
		</script>
		<script type="text/html" id="barDemoElection">	
			<input type="checkbox" value="{{d.titleid}}" title="反转" lay-filter="isReverse" {{ d.isReverse==1 ? 'checked' : '' }}>
		</script>
		
		<!--修改题目信息-->
		<div class="layui-elem-quote not_border_left edittitle-con" id="editTitleFrom">
			<div class="from-con" id="">
				<div>
					<form class="layui-form" action="">
						<div class="layui-form-item">
							<label class="layui-form-label">题目编号：</label>
							<div class="layui-input-block">
								<input type="text" name="editTitleId" disabled="disabled" id="editTitleId" class="layui-input layui-disabled">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">题目名称：</label>
							<div class="layui-input-block">
								<input type="text" name="editTitleName" lay-verify="required" id="editTitleName" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-form-item">
						    <label class="layui-form-label">题库排序号</label>
						    <div class="layui-input-block">
						      	<input id="editSort" type="number" name="editSort" placeholder="请输入题库排序号" class="layui-input" autocomplete="off" min="0">
						    </div>
						</div>
						<div class="layui-form-item">
						    <label class="layui-form-label">维度编号</label>
						    <div class="layui-input-block">
						    	<input type="text" name="editDimen" disabled="disabled" id="editDimen" class="layui-input layui-disabled">	
						    </div>
						</div>
						<div class="layui-form-item">
						    <label class="layui-form-label">所属卷类</label>
						    <div class="layui-input-block">
						    	<input type="text" name="editvol" disabled="disabled" id="editvol" class="layui-input layui-disabled">
						    	<input type="text" name="editvolid" id="editvolid" class="layui-input" style="display:none;">
						    </div>
						</div>
						<div class="layui-form-item">
						    <label class="layui-form-label">题目描述</label>
						    <div class="layui-input-block">
						      <textarea id="editDescribe" placeholder="请题目描述内容" class="layui-textarea"></textarea>
						    </div>
						</div>
						<button class="layui-btn layui-bg-blue" id="saveTitle" type="button" style="float: right;"> 保 存 </button>
					</form>
				</div>
			</div>
		</div>
	</div>
	
	<!-- djf添加 -->
	<!--选项添加--弹窗Start-->
	<div class="add-optioncon" id="addoptionsion">
		<div class="layui-row">
			<div class="layui-col-md1">
				<button id="btnaddaoption" class="layui-btn layui-bg-blue" type="button">选项添加</button>
			</div>
			<div class="layui-col-md1">
				<label class="layui-form-label" style="font-size: 18px;width: 100px;">当前题目：</label>
				
			</div>
			<div class="layui-col-md6">
				<label id="inpdimensionName" class="layui-form-label" style="font-size: 18px;width: auto;color: rgb(84, 84, 84);">当前题目：</label>
				<input id="inpoptiontitleid" type="text" class="layui-input" style="display:none">
			</div>
		</div>
		
		<div class="tabdiv-con">
			<table id="taboptioncon" lay-filter="taboptioncon" class="layui-table"></table>
		</div>
		
		<script type="text/html" id="barDemooption">	
			<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
		</script>
	</div>
	<!--维度添加--弹窗End-->
	
	<!--选项单独添加,弹窗Start-->
	<div id="adddivaoption" class="add-div-aoption">
		<form class="layui-form" action="">
		<div class="layui-form-item divseloptionchange">
			<label class="layui-form-label">选项</label>
			<div class="layui-input-block">
				<select id="seloptionchange" name="option">
			        <option value="00">请选择题目选项</option>
			        <option value="1">A</option>
			        <option value="2">B</option>
			        <option value="3">C</option>
			        <option value="4">D</option>
			        <option value="5">E</option>
			        <option value="6">F</option>
			        <option value="7">J</option>
			    </select>
			    <i class="required">*</i>
			</div>
		</div>
	  	<div class="layui-form-item">
		    <label class="layui-form-label">选项分值</label>
		    <div class="layui-input-block">
		    	<input id="inpoptionscore" type="number" min="1" max="100" placeholder="请输入选项分值" class="layui-input" autocomplete="off">
		    	<i class="required">*</i>
		    </div>
	  	</div>
	  	<div class="layui-form-item">
		    <label class="layui-form-label">选项内容</label>
		    <div class="layui-input-block">
		    	<textarea id="inpoptioncontent" placeholder="请输入结果描述" class="layui-textarea"></textarea>
		   		<i class="required">*</i>
		    </div>
	  	</div>
		</form>
	</div>
	<!--选项单独添加,弹窗Start-->
	
	<script src="../layui/layui.js" charset="utf-8"></script>
	<script src="../js/jquery-3.3.1.js"></script>
	<script src="../js/itemBankManagement/selectTitle.js"></script>
</body>
</html>